import React from 'react'
import {HashRouter,Link,Route}  from 'react-router-dom'

import Movie from './comp/movie.jsx'
import Book from './comp/book.jsx'
import Picture from './comp/pic.jsx'


import { DatePicker } from 'antd';
export default class App extends React.Component{
    constructor(props){
       super(props);
  
       this.state={
     
       }

    }
   
    render(){
    
      return <HashRouter>
                <div>
                    <h2>网站的列表</h2>
                    <Link to="/movie/ghost/1">电影</Link>
                    <Link to="/book">图书</Link>
                    <Link to="/picture">照片</Link>
                    <DatePicker></DatePicker>
                    <Route path="/movie/:type/:id" component={Movie} exact></Route>
                    <Route path="/book" component={Book}></Route>
                    <Route path="/picture" component={Picture}></Route>
                    
                </div>
          </HashRouter>
    }
 
        

    

  }
